<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta content="telephone=no" name="format-detection" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="renderer" content="webkit" />
	<!--360自动切换极速-->
	<meta name="apple-mobile-web-app-title" content="DAN潜水" />
	<meta name="format-detection" content="telephone=no" />
	<link rel="shortcut icon" href="${ctxPath}/image/favicon.ico"/>
	<!--阻止iphone识别为电话-->
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/swiper.min.css" />
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/global.css" />
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/index.css" />

	<style>
		.dan-blank{
			text-align: center;
		}
		.dan-blank img{
			width: 120px;
			height: 120px;
		}
		.dan-blank div{
			font-size: 14px;
			margin-top: 30px;
		}
		.his-l{
			display: inline-block;
			vertical-align: top;
			width: calc(100% - 220px);
		}
		.his-right{
			display: inline-block;
			vertical-align: top;
			width: 210px;
			text-align: right;
		}
		.his-right .sm_item{
			display: inline-block;
			text-align: center;
			color: #666;
			font-size: 14px;
		}
		.his-right .sm_item img{
			width: 102px;
			height: 102px;
			object-fit: cover;
		}
		.footer li{
			padding-left:5px ;
			padding-right: 5px;
		}
		.left-nav .active{
			border-radius: 4px;
		}
		.sub-nav li:hover{
			background: #D0001A;
			border-radius: 4px;
		}
		.sub-nav li:hover a{
			color: white;
		}
		.emeg-btn-red{
			position: relative;
			background: #C10F05;
			border-radius: 4px !important;
			margin-bottom: 10px;
			background: -moz-linear-gradient(top, #D7000F 0%, #C10F05 100%) ;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D7000F), color-stop(100%,#C10F05))  ;
			background: -webkit-linear-gradient(top, #D7000F 0%,#C10F05 100%) ;
			background: -o-linear-gradient(top, #D7000F 0%,#C10F05 100%) ;
			background: -ms-linear-gradient(top, #D7000F 0%,#C10F05 100%) ;
		}
		.emeg-btn-red a{
			color: white !important;
		}
		.left-nav li a{
			position: relative;
			top: -1px;
		}
		.emeg-btn-red{
			background-image: url('${ctxPath}/image/bg_emer.png') !important;
			background-size: 100% 100%;
		}
		.left-nav li:hover{
			background: #D0001A;
			border-radius: 4px;
		}
		.left-nav .menu>li:hover>a{
			color: white;
		}
		.left-nav li{
			padding-left: 0;
			text-align: center;
		}
		.emeg-btn-red a{
			font-size: 15px !important;
		}
		.about .item .des{
			width: calc(100% - 30px);
			left: 15px;
		}
		.about .item :hover .des{
			background:  #D0001A;
			opacity: 100%;
			color: white;
		}
		#tb table {
			border-spacing: 1px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #333;
			margin-bottom: 10px;
			display: table;
			border-collapse: separate;
			box-sizing: border-box;
			border-spacing: 2px;
			border-color: grey;
		}
		#tb table h6{
			font-size: 14px;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: rgba(208,0,26,1);
			line-height: 150%;
		}
		#tb table h3,#tb table h5{
			font-size: 14px;
			font-family: Source Han Sans CN;
			font-weight: 500;
			color: rgba(51,51,51,1);
			line-height: 150%;
		}
		#tb table h3{
			font-size: 22px;
		}
		.dan-ul li{
			font-size: 14px;
		}
		#news-box{
			height: 100%;
			overflow: hidden;
		}
		.dan-header{
			padding-left: 0;
			padding-right: 0;
		}
	</style>
	<title>DAN潜水</title>
</head>

<body>
<div class="container">
	@include("/include/header.html"){}
	<div class="ads">
		@if(isEmpty(topBanner)){
		<img src="${ctxPath}/image/banner_header.png" alt="" class="bg">
		@}else{
		<img src="${topBanner.imgUrl!}" alt="" class="bg">
		@}
		<button class="btn btn-danger" style="cursor:pointer" onclick="javascript:location.href='${ctxPath}/login'">现在开始</button>
	</div>
	<div class="swiper-box">
		<div class="left-nav">
			<ul class="menu">
				<li class="emeg-btn-red"><a href="#emerg-contact">紧急联系</a></li>
				<li>
					<!-- 2020-10-23 -->
					<a href="#home">Home</a>
					<!-- 2020-10-23 -->
				</li>
				<li>
					<a href="javascript:void(0);" id="member-ins">会员与保障</a>
					<ul class="sub-nav">
						<li><a href="#member-benefits">DAN会员权益</a></li>
						<li><a href="#questions">常见问题</a></li>
						@if(has(member)){
						<li><a href="#">加入DAN</a></li>
						@}else{
						<li><a href="${ctxPath}/login">加入DAN</a></li>
						@}
						<li><a href="${ctxPath}/user/detail">会员续费</a></li>
					</ul>
				</li>
				<li><a href="#emerg">紧急情况</a></li>
				<li>
					<a href="#report">事故报告与研究</a>
				</li>
				<li><a href="#activity">活动大厅</a></li>
				<li><a href="#health">健康贴士</a></li>
				<li>
					<a href="#about">关于DAN</a>
					<ul class="sub-nav">
						<li class="active"><a href="#mission">使命与愿景</a></li>
						<li><a href="#history">DAN的历史</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<div class="right-swiper">
			<div class="swiper-con">
				<div class="swiper-container swiper-container-horizontal">
					<div class="swiper-wrapper">
						@ for(banner in banners!){
						<div class="swiper-slide swiper-slide-duplicate">
							<img src="${banner.imgUrl!}" alt="" style="cursor:pointer" onclick="javascript:location.href='${banner.linkUrl!}'">
						</div>
						@ }
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="sw-pg" style="text-align: center;">
		<div class="swiper-pagination swiper-pagination-bullets"></div>
	</div>
	<div class="news">
		<div class="left">
			<img src="${ctxPath}/image/ic_news.png" alt="">
			<span>最新资讯</span>
		</div>
		<div class="right" id="news-box">
			<div id="news-item-con">
				@ for(article in articles!){
				<div class="news-item">
					<div class="title dot-line-1" style="cursor:pointer" onclick="javascript:location.href='${ctxPath}/article/${article.id!}'">${article.title!}</div>
					<div class="date">${strutil.formatDate(article.createTime!, 'yyyy-MM-dd HH:mm:ss')}</div>
				</div>
				@ }
			</div>
			<div id="news-item-con2"></div>
		</div>
	</div>
	<!-- 紧急情况 -->
	<div class="emergency hide" id="emerg-contact">
		<h3 class="dan-tit">紧急热线电话</h3>
		<div id="tb">
			<table width="100%" class="table-bordered">
			 <tfoot>
			 </tfoot>
			 <tbody>
			 <tr>
				<td width="53%" valign="middle"><h3>DAN 中国会员热线</h3></td>
	 
				<td width="47%" valign="middle">
				 <h5 style="padding-top: 8px;">
					<strong>
					400-007-2000(中国境内)  <br>
					+86-400 007 2000(中国境外)<br>
					+1-919-684 9111 (英文服务 可提供中文翻译协助)
					</strong>
				 </h5>
				</td>
			 </tr>
			 
			 </tbody>
			</table>
		 </div>
		 <h6>普通话服务热线占线时，可直接拨打国际热线 +1-919-684 9111</h6>
	</div>
	<!-- 会员与保险 -->
	<div class="insurance hide" id="member-ins">
		<h3 class="dan-tit">DAN会员及潜水伤害保险</h3>
		<h6 class="dan-sub-tit dan-red">您是否知道紧急医疗后送费用可能超过100,000美元？</h6>
		<p class="dan-p">
			潜水员警报网（DAN）是您的水肺潜水安全协会。DAN通过全球紧急疏散保险（具有DAN会员资格）和可选的潜水伤害保险计划，为水肺潜水员提供保护，以保护因潜水事故而产生的食堂和医院费用。
		</p>
		<p class="dan-p">
			<span class="dan-red">加入DAN</span>
			（会员和潜水伤害保险）可让您放心。它使您享受水肺潜水的乐趣，而无论您身在世界何处，无论一周四日，一天24小时，无论潜水在哪里，您都将得到照顾。
			为什么是DAN？DAN拥有30多年帮助全球患病和受伤潜水员的经验，是潜水事故管理的专家。
		</p>
	</div>
	<!-- 会员与保险 -->
	<div class="insurance hide" id="member-benefits">
		<h3 class="dan-tit">DAN 会员权益</h3>
		<h6 class="dan-sub-tit">尊敬的DAN CHINA 会员，您的会员权益如下：</h6>
		<ul class="dan-ul dan-ul-20">
			<li>中国会员提供中文及英文两种语言服务</li>
			<li>DAN CHINA 微信小程序，可更便捷查询权益和安全资讯</li>
			<li>24/7紧急热线</li>
			<li>医学信息热线</li>
			<li>全球支持和协助服务</li>
			<li>安全建议服务</li>
			<li>DAN潜水旅游医学指引</li>
			<li>DAN安全潜水指南</li>
			<li>潜水警示杂志(电子版)</li>
			<li>全球高压氧舱及潜水医疗救助网络</li>
		</ul>
		@if(has(member)){
		<button class="btn btn-danger" style="width: 96px;height: 36px;border-radius:4px;">加入DAN</button>
		@}else{
		<button class="btn btn-danger" style="width: 96px;height: 36px;border-radius:4px;cursor:pointer" onclick="javascript:window.location.href='${ctxPath}/login'">加入DAN</button>
		@}
	</div>
	<!-- 常见问题 -->
	<div class="insurance hide" id="questions">
		<h3 class="dan-tit">常见问题</h3>
		<h6 class="dan-sub-tit">
			点击查看全部，进行问题搜索，如果Q&A无法解决您的问题，请致电DAN CHINA中国办公室或者发送电子邮件至office\@danchina.com。
			<a href="${ctxPath}/article/list/6" class="dan-red" style="float: right;">查看全部</a></h6>
		@ for(article in articles3!){
		<div class="dan-ques">${article.title!}</div>
		<div class="dan-answ">${article.outline!}</div>
		@ }
	</div>
	<!-- 紧急情况 -->
	<div class="emergency hide" id="emerg">
		<h3 class="dan-tit">DAN紧急程序</h3>
		<p class="dan-p">
			作为潜水员，我们希望永远不会因潜水事故需要紧急医疗救助。但是我们的统计清楚表明事故确实存在，即使经验最丰富的潜水员也不例外。因此本版块的宗旨就是向会员提供相关资讯，以备不时之需。
		</p>
		<p class="dan-p">
			我们建议您保存这些紧急事件处理流程，随身携带，以便在紧急情况下，您或您的潜伴知道如何处理（按步骤）和向谁呼叫。请记住，DAN 会员卡、潜水证以及身份标签（若有的话）也提供潜水医疗紧急事件救助热线号码。
		</p>
		<p class="dan-p">
			作为 Divers Alert Network 会员，您将获得本潜水事故管理组织的悉心保护，我们作为在全球规模最大、经验最丰富的休闲潜水组织，曾经向全球成千上万的潜水员提供紧急帮助。
		</p>
		<ul class="dan-ul">
			<li><a href="#process" class="active-tit-style">事故发生后的程序</a></li>
			<li><a href="#hotTel" class="active-tit-style">紧急热线电话</a></li>
		</ul>
		<img src="${ctxPath}/image/process.jpg" alt="" style="width: 100%;">

	</div>
	<!-- 首页 2020-10-23 -->
	<div class="emergency hide" id="home" style="margin-bottom: 20px;">
		<h3 class="dan-tit">欢迎来到潜水员警示网（DAN）世界组织</h3>
		<p class="dan-p">
			「我在马尔代夫潜水时觉得手臂刺痛、背部发痒，双脚痛得像被针扎。我拨打DAN热线求助，然后就被护送到当地减压室。我在那里接受两项疗程，费用超过6,000美元。所幸DAN完全给付这些费用。」 ---中国台湾, 李先生
		</p>
		<p class="dan-p">
			潜水员警报网（DAN）是潜水行业中致力于潜水安全的最大的协会。在全球拥有超过300, 000名会员，并且DAN已经成功处理了超过60, 000通紧急电话。有着超过40年的帮助全球潜水员的经验，DAN是处理潜水意外事故的专家。DAN 提供全球范围的保障，无限制的潜水次数，如果万一发生潜水意外或疾病，DAN为您全天24小时， 一周7天随时待命。 作为一个潜水健康与安全的组织，DAN CHINA的网站提供了丰富的潜水健康和安全信息能让您的潜水更安全、更愉快。
		</p>
		</div>
	<!-- 首页 2020-10-23-->
	<!-- 事故后所用流程  2020-10-23-->

	<div class="emergency hide" id="process" style="margin-bottom: 20px;">
		<h3 class="dan-tit">事故发生后所用流程</h3>
		<p class="dan-p">
			若发生潜水事故或非潜水紧急事件，DAN 会员（或会员代理人）应当遵循如下程序。
		</p>
		<p class="dan-p">
			所有会员应当清楚了解这些流程，以便在发生事故时，尽可能减少慌乱。
			<span style="color: #D0001A;">请点击如下步骤，以了解更多资讯。</span>
		</p>
		<h6 class="dan-sub-tit">适于潜水紧急事件	</h6>
		<ul class="dan-ul">
			<li>步驟 1 - 拨打 DAN CHINA的潜水医疗紧急事件救助热线
				<a href="#precess1" class="active-tit-style">请点击此处</a></li>
			<li>步骤 2 - 根据医嘱需要紧急转移撤离，请迅速联系 DAN TravelAssist安排转移治疗。
				<a href="#precess2" class="active-tit-style">请点击此处</a></li>
		</ul>
		<h6 class="dan-sub-tit">适于非潜水紧急事件</h6>
		<p class="dan-p">
			若发生非潜水紧急事件，会员应当联络<a href="#precess2">DAN TravelAssist。</a>DAN TravelAssist 话务员将记录详细资讯。同时安排问诊医生。根据医嘱，TravelAssist 将确定最佳行动方案，同时做出任何必要安排。
		</p>
		@if(has(member)){
		<button class="btn btn-danger" style="width: 96px;height: 36px;border-radius:4px;">加入DAN</button>
		@}else{
		<button class="btn btn-danger" style="width: 96px;height: 36px;border-radius:4px;cursor:pointer" onclick="javascript:window.location.href='${ctxPath}/login'">加入DAN</button>
		@}
	</div>
	<!-- 事故后所用流程  2020-10-23-->
	<!-- 步骤1  2020-10-23-->

	<div class="emergency hide" id="precess1" style="margin-bottom: 20px;">
		<h3 class="dan-tit">潜水事故情况下的所用步骤
		</h3>
		<h6 class="dan-sub-tit">步骤 1 —— 拨打 DAN CHINA 热线	</h6>
		<div id="tb">
			<table width="100%" class="table-bordered">
			 <tfoot>
			 </tfoot>
			 <tbody>
			 <tr>
				<td width="53%" valign="middle"><h3>DAN 中国会员热线</h3></td>
	 
				<td width="47%" valign="middle">
				 <h5 style="padding-top: 8px;">
					<strong>
					400-007-2000(中国境内)  <br>
					+86-400 007 2000(中国境外)<br>
					+1-919-684 9111 (英文服务 可提供中文翻译协助)
					</strong>
				 </h5>
				</td>
			 </tr>
			 
			 </tbody>
			</table>
		 </div>
		 <h6>普通话服务热线占线时，可直接拨打国际热线 +1-919-684 9111</h6>
		<h6 class="dan-sub-tit">拨打热线之目的			</h6>
		<ul class="dan-ul">
			<li>为了向受过潜水医学培训的医生或医务人员迅速征求医疗建议。医生/医务人员将对情况做出评估，然后建议应采取方案。
			</li>
			<li>医生/医务人员通常将对此人是否需要到当地医院进行检查或是否需要转移和/或治疗提出建议。
			</li>
		</ul>
		<p class="dan-p">
			说明:重要的是要明白医生/医务人员将不会为多数潜水员安排任何转移或当地交通。该医生也无权批准利用 DAN 保障向潜水员提供治疗的特定设施，同时无权做 DAN 支付治疗费用的担保人。对于 DAN 会员，医生/医务人员应当协助受伤潜水员联络 DAN 亚太区分部和/或 TravelAssist，以安排必要转移。
		</p>
		<p class="dan-p">
			为此，重要的是向医生/医务人员提供您的相应 DAN 会员资格资讯，同时请求他们联络 DAN。
		</p>
		<h6 class="dan-sub-tit">致电紧急事件医疗热线			</h6>
		<ul class="dan-ul">
			<li>这些热线一般非免费电话（澳洲和新西兰境内 DES/DAN 热线除外）。 </li>
			<li>拨打电话时，致电人应确保话费充裕或确保电话卡余额充足。</li>
			<li>若没有话费，或者难以拨打潜水医疗紧急事件救助热线，会员可通过对方付费电话致电 TravelAssist <strong>(+1-919-684 9111)</strong>，TravelAssist 将记录详细资讯，可能会帮助致电人拨打潜水医疗紧急事件救助热线。
			</li>
			<li>若因其他方案因某原因不能接通，会员可致电 <strong>+86-21-6506 2511</strong> 或 <strong>021 6506 2511</strong>，联络 DAN 中国办公室，我们将竭力安排必要联络事宜。
			</li>
		</ul>
		<a href="#precess2" style="font-size: 14px;">转至步骤 2 —— 若必须进行转移，请致电 DAN TravelAssist			</a>
		<br>
		<a href="#emerg" style="font-size: 14px;">返回紧急事件处理程序页</a>
	</div>
	<!-- 步骤1  2020-10-23-->
	<!-- 步骤2  2020-10-23-->

	<div class="emergency hide" id="precess2" style="margin-bottom: 20px;">
		<h3 class="dan-tit">潜水事故情况下的所用步骤			</h3>

		<h6 class="dan-sub-tit">根据医嘱需要紧急转移撤离，请迅速联系 DAN TravelAssist安排转移治疗。</h6>
		<p class="dan-p">若医生/医务人员提出需进行转移和/或治疗，则必须致电 DAN 中国分部或 DAN TravelAssist。 拨打本电话是会员责任。但是若会员提出请求，顾问医生/医务人员则可能会同意为其拨打本电话。他们通过拨打 DAN 中国分部办公室电话：<strong>+86-21-6506 2511</strong>或<strong>021-6506 2511</strong>即可。DAN TravelAssist 联系方式就是通过拨打美国直拨电话： <strong>+1-919-684 9111</strong>或拨打电话：<strong>919-684 9111</strong>，通过国际话务员接通至美国北卡罗来纳州达勒姆的对方付费电话。
		</p>
		<p class="dan-p">
			DAN TravelAssist 是一家援救机构，它在世界各地设有办事处。它将竭尽全力协助营救和治疗 DAN 会员。
		</p>
		<p class="dan-p">

			DAN TravelAssist将首先记录会员详细资料，包括姓名、会员编号、事故描述、位置及联系电话。他们也需要了解已使用什么热线电话（若有）来提供医疗建议，目的就是他们能够和潜水医生一起确认诊断。
		</p>
		<p class="dan-p">		DAN TravelAssist 将验证会员资格，联系医生确认是否需要转移，同时安排或批准转移费用支付事宜。然后话务员将联系会员及其他相关人员，以促进有效转移。	</p>
		<p class="dan-p">		在继续转移或治疗之前，联系 DAN 是必要的，其目的就是确保通过 DAN 会员资格和保障支付相关费用，同时确保治疗设施为 DAN 所接受。	</p>
		<a href="#precess1" style="font-size: 14px;">转至步骤 1 —— 致电 DAN 热线电话</a>
		<br>
		<a href="#emerg" style="font-size: 14px;">返回紧急事件处理程序页</a>
	</div>
	<!-- 步骤2  2020-10-23-->
	<!-- 24 小时热线电话号码 2020-10-23-->

	<div class="emergency hide" id="hotTel" style="margin-bottom: 20px;">
		<h3 class="dan-tit">24小时紧急热线电话
		</h3>
		<div id="tb">
			<table width="100%" class="table-bordered">
			 <tfoot>
			 </tfoot>
			 <tbody>
			 <tr>
				<td width="53%" valign="middle"><h3>DAN 中国会员热线</h3></td>

				<td width="47%" valign="middle">
				 <h5 style="padding-top: 8px;">
					<strong>
					400-007-2000(中国境内)  <br>
					+86-400 007 2000(中国境外)<br>
					+1-919-684 9111 (英文服务 可提供中文翻译协助)
					</strong>
				 </h5>
				</td>
			 </tr>

			 </tbody>
			</table>
		 </div>
		<h6>普通话服务热线占线时，可直接拨打国际热线 +1-919-684 9111</h6>
	</div>
	<!-- 24 小时热线电话号码 2020-10-23-->
	<!-- 事故报告与研究 -->
	<div class="emergency hide" id="report-research">
		<h3 class="dan-tit">事故报告与研究</h3>
		<p class="dan-p">

			作为提高潜水安全性的使命的一部分，DAN收集并报告潜水事故，伤害和死亡情况。

			此外，DAN是潜水生理研究的行业领导者，并且是世界上进行休闲水肺潜水安全性重大医学研究的主要组织之一。

			DAN的研究揭示了重要信息，这些信息将使整个潜水社区受益，并改善全世界的休闲潜水安全性。没有DAN，有关休闲潜水安全的许多重要问题将不仅没有挑战，而且没有答案。

			迄今为止，我们的研究项目包括潜水后飞行，衰老及其对潜水健康以及糖尿病潜水的影响。

			请通过以下链接了解有关DAN事故报告和研究活动的更多信息，以及可以参加的活动。

		</p>
		<ul class="dan-ul">
			<li><a href="${ctxPath}/article/list/4">潜水事故报告</a></li>
		</ul>
	</div>
	<!-- 潜水事故报告 -->
	<div class="emergency mb-20 hide" id="report">
		<h3 class="dan-tit">潜水事故报告与研究</h3>
		<h6 class="dan-sub-tit">DAN 研究</h6>
		<p class="dan-p">
			DAN 是潜水生理研究的业界领导者,研究计计划几乎完全倚仗会员费及各界资助。DAN 的研究揭露重要资讯,造福整个潜水界、改善全世界的休闲潜水安全。DAN 研究计划主题包括：
		</p>
		<ul class="dan-ul">
			<li>潜水后搭机</li>
			<li>糖尿病与潜水</li>
			<li>年长潜水员研究</li>
		</ul>
		<p class="dan-p">DAN 研究计划是由 DAN 会员与潜水业界支援赞助。如果没有 DAN,许多休闲潜水安全的重要问题将无人探讨、无法解答。</p>
		<h6 class="dan-sub-tit">
			DAN 中国分部正在进行中的计划
		</h6>
		<p class="dan-p">
			我们积极接受多种问题的资讯,包括非致命溺水、减压疾病、设备问题、氧气毒性、船只冲突、 海洋动物伤害与其他问题。如果您发生或目睹危险潜水事故,也欢迎您与我们分享。
		</p>
		<p class="dan-p">
			备注:该意外事故不一定需造成伤害。
		</p>
		<p class="dan-p">
			想要分享你的经历和现场目击情况，请发送一份详细的事故描述报告至邮箱
			<a href="mailto:office\@danchina.com" class="dan-red">office\@danchina.com。				</a>
		</p>
		<h6 class="dan-sub-tit">DAN 研究构想</h6>
		<p class="dan-p">
			您若对 DAN 资助研究有任何构想,也欢迎将计划简介寄至
			<a href="mailto:office\@danchina.com" class="dan-red">office\@danchina.com。				</a>
		</p>
		<h6 class="dan-sub-tit">潜水事故报告
			<a href="${ctxPath}/article/list/4" class="dan-red" style="float: right;">查看全部</a>
		</h6>
		@ for(article in articles4!){
		<div class="dan-report-item">
			<h6 class="dan-sub-tit active-tit-style" onclick="javascript:window.location.href='${ctxPath}/article/${article.id}'">${article.title!}</h6>
			<p> ${article.outline!}</p>
		</div>
		@}
	</div>
	<!-- 健康贴士 -->
	<div class="emergency mb-20 hide" id="health">
		<h3 class="dan-tit">健康贴士</h3>
		@ for(article in articles2!){
		<div class="dan-report-item">
			<h6 class="dan-sub-tit active-tit-style" onclick="javascript:window.location.href='${ctxPath}/article/${article.id}'">${article.title!}</h6>
			<p> ${article.outline!}</p>
		</div>
		@}
		<ul class="dan-ul">
			<li><a href="${ctxPath}/article/list/5">全部健康贴士</a></li>
		</ul>
	</div>
	<!-- 关于DAN -->
	<div class="about mb-20 hide" id="about">
		<h3 class="dan-tit">关于DAN</h3>
		<div class="row">
			<div class="col-md-6 item">
				<a href="#mission" style="display: block;">
					<img src="${ctxPath}/image/pic_about_dream.png" alt="">
					<div class="des">使命与愿景</div>
				</a>
			</div>
			<div class="col-md-6 item">
				<a href="#history">
					<img src="${ctxPath}/image/pic_about_history.png" alt="">
					<div class="des">DAN的历史</div>
				</a>
			</div>
		</div>
	</div>
	<!-- 使命与愿景 -->
	<div class="about mb-20 hide" id="mission">
		<h3 class="dan-tit">使命与愿景</h3>
		<h6 class="dan-sub-tit">我们的使命</h6>
		<p class="dan-p">
			DAN CHINA 致力于通过专业的潜水研究为潜水员提供专业的潜水医学知识，和最新的潜水伤害信息，帮助和预防潜水事故的发生，降低潜水可能会造成的不必要的伤害。
		</p>
		<p class="dan-p">
			DAN CHINA隶属于公益组织潜水警报网www.diversalertnetwork.org，我们将发挥中国医疗团队及国际医疗顾问团队的作用，为全球的中国潜水员提供专业的服务。
		</p>
		<h6 class="dan-sub-tit">我们的愿景</h6>
		<p class="dan-p">
			DAN CHINA 着眼于中国潜水员的潜水安全、紧急救助及潜水健康服务， DAN作为潜水保障的先驱企业是中国潜水员值得信赖的潜水医疗咨询及紧急救助的伙伴。我们为了更好的服务中国潜水员，大力组建能够提供中文潜水医疗咨询服务的国际专业团队，为中国潜水员提供国语服务，让医疗咨询变得更便捷，更专业。
		</p>
	</div>
	<!-- DAN的历史 -->
	<div class="about mb-20 hide" id="history">
		<h3 class="dan-tit">DAN的历史</h3>
		<p class="dan-p">
			潜水员警报网（DAN）是一个非营利组织团体，致力于改善所有潜水员的潜水安全。它于1980年在美国北卡罗来纳州达勒姆的杜克大学成立，提供24/7电话热线潜水医疗援助。此后，DAN在全球范围内扩展，目前在北美、欧洲、日本、亚太和南部非洲设有分部。
		</p>
		1980创立之年
		<p class="dan-p">
			1977年：水下医学会(后来的水下和高压医学会)提出了一个全国性组织的概念(以取代由医学博士杰弗逊-戴维斯上校领导的布鲁克斯空军基地的LEO-FAST)，在这个组织中，可以通过电话24小时联系潜水医学专家。
		</p>
		<p class="dan-p">
			1980年9月，Peter B. Bennett博士获得美国国家海洋和大气管理局（NOAA）和美国国家职业安全和健康研究所（NIOSH）两年的资助，在北卡罗来纳州达勒姆市杜克大学医学中心的Frank G. Hall高压氧中心成立了 "国家潜水事故网络"。
		</p>
		<p class="dan-p">
			1981年：DAN出版了 "水下潜水事故手册"，高压氧中心共接到305个求助信息和电话。
		</p>
		<p class="dan-p">
			1982年：DAN开通了一条医疗安全咨询电话专线，以处理休闲潜水员提出的非紧急问题，随后将名称从 "潜水事故网络 "改为 "潜水员警报网"，并在杜克大学医学中心主办了第一次年度潜水事故和高压氧治疗医学继续教育课程。
		</p>
		<p class="dan-p">
			1983年：Alessandro Marroni博士成立了国际潜水援助组织（IDA），后来成为欧洲潜水联盟（DAN），作为一个会员制组织，每天24小时提供潜水紧急援助服务。
		</p>
		<p class="dan-p">
			1985年：DAN开展俱乐部、商店和企业服务
		</p>
		<p class="dan-p">
			1987年：DAN开始了第一个针对会员的潜水意外保险项目。DAN日本成立。
		</p>
		<p class="dan-p">
			1990年：美国国税局于1990年授予DAN 501(c)非营利性组织认证。DAN继续与杜克大学医学中心保持联系，随着团队的壮大，团队正式搬到北卡罗来纳州达勒姆。
		</p>
		<p class="dan-p">
			1991年：DAN旅游援助及紧急供氧培训项目及项目，DAN推出了第一个培训课程‘紧急供氧培训项目’和DAN旅行援助项目。同年，"潜水后飞行 "研究试验正式开始推进。同年，DAN国际化的进程开始。现有的四个组织决定采用DAN这个共同的名称，国际DAN也被称为IDAN，以支持区域性的IDAN成员--DAN美洲、DAN欧洲、DAN日本和DAN亚太地区。
		</p>
		<p class="dan-p">
			1992年：正式成立研究部门1993年：DAN开设保险公司'意外综合保'
		</p>
		<p class="dan-p">
			1994年：在澳大利亚成立了 "DAN亚太"
		</p>
		<p class="dan-p">
			1995年：DAN最大的项目 "潜水安全项目"（后改名为 "潜水探索项目"）始于1995年，并继续收集和分析潜水资料，对减压病的风险进行统计分析。DAN研究部调查了衰老对潜水健康的影响、需要胰岛素的糖尿病患者潜水的医学可取性以及其他对潜水员有重要意义的课题。研究人员维护着一个潜水受伤和死亡的数据库，并出版了一份可下载的年度潜水报告。
		</p>
		<p class="dan-p">
			1996年：DAN南非加入了IDAN。1996年大事件。同年，DAN推出了其他与潜水相关的急救培训课程"水中紧急情况下的氧气急救"(1998年)、"远程氧气(REMO2)"(1999年)、"危险海洋生物伤害"(2000年)、"自动体外除颤仪"(AED)(2001年)和 "高级氧气提供者"(2002年)。
		</p>
		<p class="dan-p">
			2010年：DAN采用了多中心的方法；除了与杜克大学现有的合作关系外，还与加州大学圣地亚哥医学中心和宾夕法尼亚大学的高压氧专业人员建立了紧密的合作关系，从而使得DAN的潜水医学信息和援助网络资源成倍增加。DAN还精简了紧急联系系统，DAN紧急热线改为+1-919-684-9111，用于处理所有紧急电话。DAN是世界上最大的休闲潜水协会，目前在美国和加拿大已拥有超过23万名会员。
		</p>
		<p class="dan-p">
			2020-2021年：2020年1月21日，DAN CHINA正式在上海成立。历经了实属不易的2020年，DAN中国正式于2021年1月1日起为广大中国DAN会员提供潜水安全顾问服务。
		</p>
		<p class="dan-p">
			其实早在2010年，DAN就已进入中国，许多元老级的潜水员至今仍选择DAN作为最信赖的潜水安全顾问和潜水保障。此前中国归属DAN亚太地区管辖，潜水安全顾问团队也多以英语交流为主。
		</p>
		<p class="dan-p">
			随着中国的国力增强，潜水这项运动在中国逐渐普及，中国潜水员在世界的影响力也越发显著。随着加入DAN的中国会员数量逐渐上升，DAN亚太区的英文服务已经无法满足大量中国潜水员的需求，于是DAN考虑到为了更好的服务DAN中国会员，正式在上海成立了DAN中国。
		</p>
		<p class="dan-p">
			DAN中国提供的服务不仅限于DAN会员在亚太区的权益 ，同时更为了中国会员，在提供全球潜水医学咨询团队的基础上，更是倾全力组建了可以提供中文语言服务的潜水医学及高压氧专业团队。团队的专家均为多年从事潜水医学救治、远洋深海救治及高压氧治疗的医学专家，有丰富的潜水救治经验。
		</p>
		<p class="dan-p">
			DAN 你的专属潜水安全顾问，成为DAN会员，远离潜水伤害 。
		</p>
	</div>
	<!-- 活动列表 -->
	@ if(isEmpty(activityList!)){
	<div class="dan-blank" id="activity">
		<img src="${ctxPath}/image/blank.png" alt="">
		<div>暂无数据</div>
	</div>
	@}else{
	<div class="activity mb-20 hide" id="activity">
		<!-- 不要删除 -->
		<!-- <h3 class="dan-tit">最新活动</h3> -->
		<div class="row">
			@ for(activity in activityList!){
			<div class="item col-lg-3 col-md-6">
				<img src="${activity.logoUrl!(ctxPath+'/image/blank/def_pic_s.png')}" alt="" class="cover" style="cursor:pointer" onclick="javascript:window.location.href='${ctxPath}/activity/detail/${activity.id}'">
				<div class="content">
					<div class="date">${strutil.formatDate(activity.createTime!, 'yyyy-MM-dd HH:mm:ss')}</div>
					<div class="des dot-line-2" style="cursor:pointer" onclick="javascript:window.location.href='${ctxPath}/activity/detail/${activity.id}'">${activity.name!}</div>
					<div class="location">${activity.city.name!}丨${activity.pvNum!0}次浏览
						<span class="status">${activity.statusDictLabel!}</span>
					</div>
				</div>
			</div>
			@ }
		</div>
		<div class="more">
			<button class="btn btn-danger-outline" style="cursor:pointer" onclick="javascript:window.location.href='${ctxPath}/activity/list'">更多活动></button>
		</div>
	</div>
	@}
	@if(showStartPage!false){
	<!-- Modal/ads-->
	<div class="modal fade dan-modal" id="ads" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document" style="width: 80% !important; max-width: 80% !important;margin-top: 7rem !important;">
			<div class="modal-content" style="width: 100%;position: relative;">
					<span id="ignore" onclick="closeAds()" style="position: absolute;bottom: 1rem;right: 1rem;padding: 0.2rem 1.8rem;border-radius: 2rem;
					line-height: 2;text-align: center;font-weight: 1.3rem;color: white;text-align: center;display: inline-block;background: rgba(0,0,0,0.6);">跳过<span id="seconds"></span>s</span>
				<img src="${startPage.imgUrl!}" alt="" style="width: 100%;object-fit: contain;">
			</div>
		</div>
	</div>
	@}
	@include("/include/footer.html"){}
</div>

<script src="${ctxPath}/js/swiper.min.js"></script>
<script>

	@if(showStartPage!false){
		var secondsCount=5
		$('#ads').modal('show')
		$('#seconds').text(secondsCount)
		var secondsInterval=setInterval(function(){
			secondsCount--
			$('#seconds').text(secondsCount)
			if(secondsCount==0){
				clearInterval(secondsInterval)
				$('#ads').modal('hide')
			}
		},1000)
		var closeAds=function(){
			$('#ads').modal('hide')
		}
	@}

	var swiper = new Swiper('.swiper-container', {
		pagination:{
			el:'.swiper-pagination',
			clickable:true,
			autoplay: {
				delay: 1000,//1秒切换一次
			},
		}
	});
	swiper.autoplay.start()
	var showIndexContent=function(hashUrl){
		var hideEles=$('.hide')
		for(var i=0;i<hideEles.length;i++){
			hideEles.eq(i).css('display','none')
		}
		$('#'+hashUrl).css('display','block')
		var navs=$('.left-nav').find('li')
		for(var j=0;j<navs.length;j++){
			var href=navs.eq(j).find('a').eq(0).attr('href')
			if(href){
				href=href.split("#").join("")
			}
			console.log('href',href)
			if(hashUrl==href){
				navs.eq(j).addClass('active')
			}else{
				navs.eq(j).removeClass('active')
			}
		}

		var changeActiveBySub=function(index){
			var memberNavs=['member-benefits','questions','join','member-renew']
			var reportNavs=['report']
			var aboutNavs=['mission','history']
			if(memberNavs.indexOf(hashUrl)>-1){
				navs.eq(2).addClass('active')
			}
			if(reportNavs.indexOf(hashUrl)>-1){
				navs.eq(8).addClass('active')
			}
			if(aboutNavs.indexOf(hashUrl)>-1){
				navs.eq(11).addClass('active')
			}
			console.log('111',navs,hashUrl,memberNavs.indexOf(hashUrl),reportNavs.indexOf(hashUrl),aboutNavs.indexOf(hashUrl))
		}
		changeActiveBySub()
	}
	function hashChangeFire(){
		var href=window.location.href
		if(href.indexOf('#')>-1){
			var hashUrl=href.slice(href.indexOf('#')+1,href.length)
			console.log('hashUrl',hashUrl)
			showIndexContent(hashUrl)
			if(hashUrl=="process" || hashUrl=="precess1" || hashUrl=="precess2"){
				$("#namediv").html("潜水警报网");
			}else{
				$("#namediv").html("潜水警报网");
			}
		}else{
			var navs=$('.left-nav').find('li')
			for(var j=0;j<navs.length;j++){
				navs.eq(j).removeClass('active')
			}
			$('#home').css('display','block')
			navs.eq(1).addClass('active')
		}
	}

	if( ("onhashchange" in window) && ((typeof document.documentMode==="undefined") || document.documentMode==8)) {
		// 浏览器支持onhashchange事件
		window.onhashchange = hashChangeFire;  // TODO，对应新的hash执行的操作函数
	} else {
		// 不支持则用定时器检测的办法
		setInterval(function() {
			var ischanged = isHashChanged();  // TODO，检测hash值或其中某一段是否更改的函数
			if(ischanged) {
				hashChangeFire();  // TODO，对应新的hash执行的操作函数
			}
		}, 150);
	}

	window.onload=function(){
		hashChangeFire()
	}

	var newsScroll=function(){
		var n=document.getElementById("news-box");
		var p1=document.getElementById("news-item-con");
		var p2=document.getElementById("news-item-con2");
		p2.innerHTML=p1.innerHTML;
		var speed=150
		var f=function(){
			n.scrollTop++;
			if(n.scrollTop>=p1.offsetHeight){
				n.scrollTop=0;
			}
		}
		var i=setInterval(f,speed);
		i=setInterval(f,speed);
	}
	newsScroll()
</script>
</body>

</html>